<template>
  <section style="height: 100%;background: #fff;">
    <div class="top">
      <div>
        <img src="../../assets/api/gou.png" class="img_logo">
      </div>
      <span class="success_tex">充值成功</span>

      <div class="list_tex">
        <span>到账金额</span>
        <span>￥{{count}}</span>
      </div>

    </div>

    <yd-button size="large" type="primary" @click.native="sureBtn" class="sure_btn">确认</yd-button>
  </section>
</template>

<script>
  export default {
    name: "paySuccess",
    data(){
      return{
        count:'',
      }
    },
    methods:{
      sureBtn(){
        this.$router.push('/mine');
      }
    },
    created(){
      let payCount = sessionStorage.getItem('payCount');
      this.count = payCount;
    }
  }
</script>

<style scoped>
  .top {
    padding-top: 1rem;
  }

  .img_logo {
    width: 2rem;
    height: 2rem;
  }

  .success_tex {
    font-size: .34rem;
    font-weight: bold;
    margin-top: .2rem;
    position: relative;
    left: 1px;
  }
  .list_tex{
    display: flex;
    align-items: center;
    padding: 0 .28rem;
    height: 1rem;
    justify-content: space-between;
    box-shadow: 0px -5px 10px rgba(194,194,194,.2),0px 5px 10px rgba(194,194,194,.2);
    margin-top: 1rem;
  }
  .list_tex span:nth-child(2){
    font-weight: bold;
  }
  .sure_btn{
    width: 96%;
    margin-left: 2%;
    margin-top: 2rem;
  }
</style>
